<?xml version="1.0" encoding="UTF-8"?>
<ui:decorate  template="/xhtml/plantillas/baseSeguridad.xhtml"
              xmlns:p="http://primefaces.org/ui"
              xmlns:h="http://java.sun.com/jsf/html"
              xmlns:f="http://java.sun.com/jsf/core"
              xmlns:ui="http://java.sun.com/jsf/facelets">    

    <ui:define name="titulo">Consulta-Usuarios</ui:define>

    <ui:define name="java_script">
        <script type="text/javascript"> 
            function enmascarar(){
                $(document).ready(function(){
                    $('#form_conci\\:id_fecha_nac').mask('99/99/9999');                    
                });
            }
        </script>
    </ui:define>   

    <ui:define name="contenido">
        <h:outputText value="#{label['consulta.usuario']}" class="encabezado"/>                   
        <hr id="horizontalLine" style="width: 780px; margin-left: 20px"/> 
        <h:panelGrid columns="10" class="panelFormulario" >
            <p:accordionPanel activeIndex="0" style="margin-top: 20px; width: 780px" >  
                <p:tab title="#{label['consulta.usuario']}">         

                    <p:fieldset id="fiel" legend="Datos Consulta">
                        <p:panelGrid>
                            <p:row>
                                <p:column>                           
                                    <h:outputText  styleClass="etiqueta" value="#{label['tipo']}" escape="false"/>
                                </p:column>  
                                <p:column>  
                                    <p:selectOneMenu id="id_tipo" value="#{beanConsultaUsuarios.tipo}" 
                                                     effect="fold" style="width: 150px">  
                            <p:ajax update=":form_conci" listener="#{beanConsultaUsuarios.cargarUsuarios()}"/>                                        
                                        <f:selectItem itemLabel="" itemValue="" />  
                                        <f:selectItem itemLabel="Administrador" itemValue="A" />  
                                        <f:selectItem itemLabel="Usuario" itemValue="U" />              
                                    </p:selectOneMenu>  
                                </p:column>
                            </p:row>                                          
                            <p:row>
                                <p:column>                           
                                    <h:outputText  styleClass="etiqueta" value="#{label['estado']}" escape="false"/>
                                </p:column>  
                                <p:column>
                                    <p:selectOneMenu id="id_estado" 
                                                     effect="fold"
                                                     style="width: 150px;"
                                                     value="#{beanConsultaUsuarios.estado}"                                                  
                                                     >
                                        <p:ajax update=":form_conci" listener="#{beanConsultaUsuarios.cargarUsuarios()}"/>                                        
                                        <f:selectItem itemLabel="" itemValue="0"/>
                                        <f:selectItems value="#{beanConsultaUsuarios.lista_estados}"
                                                       var="estado"
                                                       itemLabel="#{estado.nombre}"
                                                       itemValue="#{estado.id_estado}" />                                    
                                    </p:selectOneMenu>   
                                </p:column>
                            </p:row>                                           
                        </p:panelGrid>
                    </p:fieldset>
                    <p:column><p:commandButton value="#{label['limpiar']}" icon="ui-icon-print" disabled="#{!beanConsultaUsuarios.hab_imp}"
                                               action="#{beanConsultaUsuarios.imprimir()}"
                                               update=":form_conci" style="margin-left: 630px"/></p:column>          
                    <p:column><p:commandButton value="#{label['limpiar']}" icon="ui-icon-arrow-4-diag" action="#{beanConsultaUsuarios.limpiar()}"
                                               update=":form_conci" style="margin-left: 630px"/></p:column>                    
                              
                </p:tab>  
            </p:accordionPanel>  
        </h:panelGrid>

            <p:fieldset legend="Lista de Usuarios" style="width: 765px" >
                <p:dataTable id="dataTable" var="usuario" 
                             rows="5" value="#{beanConsultaUsuarios.lista_usuarios}"                           
                             rowsPerPageTemplate="5,10,15" selectionMode="single"                              
                             rowKey="#{usuario.identificacion}"
                             paginator="true"
                             filterEvent="enter"
                             paginatorPosition="bottom">  


                    <p:column headerText="Nombre" filterBy="#{usuario.nombre}" filterMatchMode="contains" style="text-align: center" >                      
                        <h:outputText value="#{usuario.nombre}" />  
                    </p:column>  

                    <p:column headerText="Primer Apellido" filterBy="#{usuario.apellido1}" filterMatchMode="contains" style="text-align: center" >                      
                        <h:outputText value="#{usuario.apellido1}" />  
                    </p:column>  

                    <p:column headerText="Segundo Apellido" filterBy="#{usuario.apellido2}" filterMatchMode="contains" style="text-align: center" >                      
                        <h:outputText value="#{usuario.apellido2}" />  
                    </p:column>  

                    <p:column headerText="Identificación" filterBy="#{usuario.identificacion}" filterMatchMode="contains" style="text-align: center" >                      
                        <h:outputText value="#{usuario.identificacion}" />  
                    </p:column>  
                </p:dataTable>  
            </p:fieldset>                         
    </ui:define>
</ui:decorate>
